import Vue from 'vue'
import Vuex from 'vuex'
import { getItem , setItem } from '@/utils/storage'

Vue.use(Vuex)

const USER_KEY  =  'toutiao-user'

export default new Vuex.Store({
  state: {
    user: getItem(USER_KEY),
    //JSON.parse(window.localStorage.getItem('user')) //当前登录用户的登陆状态（token等数据）
     //当前用户登录状态 （token）等数据

     cachePages:['LayoutIndex']
  },
  mutations: {
    setUser (state,data){
      state.user = data

      //为了防止页面刷新数据丢失，我们还需要把数据放到本地存储中，这里仅仅是为了持久化数据
      // setItem(USER_KEY,state.user)
      window.localStorage.setItem(USER_KEY,JSON.stringify(state.user))
    },

    //添加缓存页面
    addCachPage (state, pageName) {
       if(!state.cachePages.includes(pageName)) {
         state.cachePages.push(pageName)
       }
    },

    //移除缓存页面
    removeCachePage (state, pageName) {
       const index = state.cachePages.indexOf(pageName)
       if(index !== -1){
         state.cachePages.splice(index,1)
       }
    }
  },
  actions: {
  },
  modules: {
  }
})
